<template>
    <div class="aleft">
        <el-menu
            style="width: 220px; text-align: center; padding: 10px 0; border-right: #fff;"
            default-active="2"
            class="el-menu-vertical-demo"
            background-color="#fff"
            text-color="#666"
            active-text-color="#c8e2b1">
            <el-menu-item v-for="(aleft,index) in AleftList" :key="index">
                <span slot="title">{{aleft.title}}</span>
            </el-menu-item>
        </el-menu>
    </div>
</template>

<script>
export default {
    name:'MyAleft',
    data() {
        return {
            AleftList:[
                {title:"热点"},
                {title:"政经"},
                {title:"产业"},
                {title:"订阅"},
                {title:"合作区"},
                {title:"安居"},
                {title:"名记名博"},
                {title:"大湾区"},
                {title:"T5"},
                {title:"网评"},
                {title:"TV新闻"},
                {title:"音频"},
                {title:"澳门"},
                {title:"政务"},
                {title:"中山"},
                {title:"民主"},
                {title:"社区"},
                {title:"直播"},
                {title:"专题"},
                {title:"香洲"},
                {title:"金湾"},
                {title:"斗门"},
                {title:"高新"},
                {title:"林海情缘"},
            ]
        }
    },
  
}
</script>

<style lang="less" scoped>
.aleft{
    float: left;
}

</style>